﻿@media (min-width:320px) {
    .container { max-width: 1000px !important; }
}

body { font-family: Oswald,"Helvetica Neue",Helvetica,Arial,sans-serif; }

/*menu*/
#mainMenu { height: 31px; line-height: 25px; padding: 2px 0 3px; background: url('../../Images/JJ/menu-bg.jpg') repeat-x; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-bottom: 1px solid #8a898b; -webkit-box-shadow: 0px -2px 2px 0px #8A898B; box-shadow: 0px -2px 2px 0px #8A898B; }
    #mainMenu ul.ul-level-0 { margin: 0; padding: 0; list-style: none; }
        #mainMenu ul.ul-level-0 li.menu-level0 { display: inline-block; padding: 0; position: relative; z-index: 1001 !important; }
            #mainMenu ul.ul-level-0 li.menu-level0 a.menu-link-level0 { display: block; /*width: 100%;*/ height: 25px; text-align: center; font-size: 15px; color: #EEEEEE; font-weight: normal; }
            #mainMenu ul.ul-level-0 li.menu-level0:first-child a.menu-link-level0 { font-size: 19px; color: #EEEEEE; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
            #mainMenu ul.ul-level-0 li.menu-level0:last-child a.menu-link-level0 { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
            #mainMenu ul.ul-level-0 li.menu-level0:hover { /*height: 30px !important;*/ }
            #mainMenu ul.ul-level-0 li.menu-level0 a.menu-link-level0:hover { text-decoration: none; background: #565359; }
            /*submenu*/
            #mainMenu ul.ul-level-0 li.menu-level0 div.subMenu { display: none; }
            #mainMenu ul.ul-level-0 li.menu-level0.hasSub:hover div.subMenu { display: block; z-index: 10000; }
            #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 { position: absolute; top: 30px; width: 190px; padding: 0px; }
                #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1 { width: 97%; height: 35px !important; line-height: 35px; margin: 0 7px 0 4px; padding: 0 5px; position: relative; }
                    #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1 a.menu-link-level1 { font-weight: normal; text-align: left; height: 35px; color: #515153 !important; font-size: 15px !important; position: absolute; top: 0; left: 10px; right: 5px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
                        #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1 a.menu-link-level1:hover { color: #cc0083 !important; text-decoration: none; text-align: left; background: none; }

                    #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1:hover { z-index: 999; padding: 0; height: 35px; line-height: 23px; border: 5px solid #f6f6f6; background: #FFFFFF; -webkit-box-shadow: 0 0 3px 1px #AEAEAE; box-shadow: 0 0px 3px 1px #AEAEAE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
                        #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1:hover a.menu-link-level1 { color: #cc0083; left: 5px; right: 0px; }

/*kategori menüsü*/
.kategoriMenusu { margin-top: 5px; }
    .kategoriMenusu ul.ul-level-1 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
        .kategoriMenusu ul.ul-level-1 li.menu-level1 { -webkit-box-shadow: -1px 1px 1px 0px #444444; box-shadow: -1px 1px 1px 0px #444444; }
            .kategoriMenusu ul.ul-level-1 li.menu-level1:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-box-shadow: -1px 1px 1px 0px #444444; box-shadow: -1px 1px 1px 0px #444444; }
            .kategoriMenusu ul.ul-level-1 li.menu-level1:last-child { -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow: -1px 1px 1px 0px #444444; box-shadow: -1px 1px 1px 0px #444444; }

            /*level1 single hover*/
            .kategoriMenusu ul.ul-level-1 li.menu-level1:hover { -webkit-box-shadow: 0 0 3px 1px #AEAEAE; box-shadow: 0 0px 3px 1px #AEAEAE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
            /*level 2*/
            .kategoriMenusu ul.ul-level-1 li.menu-level1 ul { width: 780px; border: 5px solid #f6f6f6; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topleft: 0; border-radius: 10px; border-top-left-radius: 0; -webkit-box-shadow: 0 0 3px 1px #aeaeae; box-shadow: 0 0 3px 1px #aeaeae; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
                .kategoriMenusu ul.ul-level-1 li.menu-level1 ul li.menu-level2 { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-webkit-radius: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

                    /*level 3*/
                    .kategoriMenusu ul.ul-level-1 li.menu-level1 ul li.menu-level2 ul { -webkit-border-radius: 0 !important; -moz-webkit-radius: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

/*slider type 3*/
.slider { /*width: 58%; height: 100%; float: left; position: relative;*/ max-height: 320px; overflow: hidden; }
    .slider .thumb-box { position: relative; z-index: 9999; opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
    .slider:hover .thumb-box { opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
    .slider .thumb-box ul.thumbs { margin: 0; padding: 0; list-style: none; text-align: center; }
        .slider .thumb-box ul.thumbs li { display: inline-block; }
            .slider .thumb-box ul.thumbs li a { height: 42px; display: block; }
                .slider .thumb-box ul.thumbs li a img { margin-top: 0px; width: 92px; }
    .slider #slider { list-style: none; margin: 0; padding: 0; }
.sy-controls { display: block !important; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
    .sy-controls li { width: 32px !important; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
        .sy-controls li a:after { width: 16px !important; margin-left: -8px !important; }
        .sy-controls li.sy-next a:after { background: url("../../Images/JJ/bxSlider/controls.png") no-repeat scroll -59px -32px rgba(0, 0, 0, 0) !important; }
        .sy-controls li.sy-prev a:after { background: url("../../Images/JJ/bxSlider/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0) !important; }
        .sy-controls li a:link, .sy-controls li a:visited { opacity: 0.4; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
        .sy-controls li a:hover, .sy-controls li a:focus { opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }


/*facebookWidget*/
.facebookWidget { }
._8o._8r.lfloat._ohe { display: none !important; }


.products ul li.s3 { padding: 0 9px !important; }
    .products ul li.s3 .product-outer { height: 345px !important; }
        .products ul li.s3 .product-outer .product-inner { height: 330px !important; }
            .products ul li.s3 .product-outer .product-inner .product-image { height: 265px !important; }
                .products ul li.s3 .product-outer .product-inner .product-image a.prdLink img { max-height: 260px !important; max-width: 225px !important; }


/*pay processes*/
.pay-processes { height: 70px; display: block; background: url('../../Images/JJ/pay-processes-line-bg.jpg') repeat-x 0 50%; margin: 30px 0 15px; text-align: center; }
    .pay-processes span { height: 70px; background: #ffffff; margin: 0 25px; padding: 0 10px; line-height: 70px; font-size: 18px; color: #cccccc; }
        .pay-processes span.active { color: #cc0083; }


.prop_discountPercent { position: absolute; top: -1px; right: -1px; width: 40px; height: 40px; background: url('../../Images/JJ/product-list-discount-small.png') no-repeat; line-height: 28px; text-align: center; color: #FFFFFF; font-size: 16px; }
    .prop_discountPercent span { font-size: 10px; }


.sepetFull:hover .sepetHover { display: block; }
.sepetHover { background: none repeat scroll 0 0 #eeeeee; border: 1px solid #cccccc; display: none; padding: 10px; position: absolute; right: 0; top: 80px; width: 400px; z-index: 1002; }
    .sepetHover h3 { text-align: left; border-bottom: 1px solid #AEAEAE; padding-bottom: 5px; }
    .sepetHover #cartMinimalProducts { border-bottom: 1px solid #AEAEAE; max-height: 200px; overflow: auto; }
        .sepetHover #cartMinimalProducts tr { border-bottom: 1px solid #AEAEAE; }
            .sepetHover #cartMinimalProducts tr:last-child { border-bottom: none; }
    .sepetHover table.cartMinimalView { }
        .sepetHover table.cartMinimalView thead { border-bottom: 1px dashed #AEAEAE; }
        .sepetHover table.cartMinimalView td { padding: 5px; }
            .sepetHover table.cartMinimalView td.name { text-align: left; }
                .sepetHover table.cartMinimalView td.name img { max-width: 40px; max-height: 40px; margin-right: 5px; }
            .sepetHover table.cartMinimalView td.quantity { text-align: center; }
            .sepetHover table.cartMinimalView td.total { text-align: right; }
    .sepetHover .productInfo { }
        .sepetHover .productInfo tr td { padding: 0; }
            .sepetHover .productInfo tr td .nameSpan { max-height: 40px; line-height: 20px; overflow: hidden; display: inline-block; }

.icrLink { cursor: pointer; }
.dcrLink { cursor: pointer; }
.mnIcrLink { cursor: pointer; }
.mnDcrLink { cursor: pointer; }


/*orijinal*/
/*.menu-level1.menu-level1-style2 { background: none repeat scroll 0 0 #ffe6f6 !important; }*/

/*ST1*/
/*.kategoriMenusu ul.ul-level-1 li.menu-level1.menu-level1-style2, #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1.menu-level1-style2 { background: none repeat scroll 0 0 #cc0083 !important; }
    .kategoriMenusu ul.ul-level-1 li.menu-level1.menu-level1-style2 a.menu-link-level1, #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1.menu-level1-style2 a.menu-link-level1 { color: #EEEEEE !important; }*/

/*ST2*/
/*.kategoriMenusu ul.ul-level-1 li.menu-level1.menu-level1-style2, #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1.menu-level1-style2 { background: none repeat scroll 0 0 #ffe6f6 !important; }
    .kategoriMenusu ul.ul-level-1 li.menu-level1.menu-level1-style2 a.menu-link-level1, #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1.menu-level1-style2 a.menu-link-level1 { text-shadow: 0 1px 2px #7e7e7e !important; }*/


/*ST3*/
.kategoriMenusu ul.ul-level-1 li.menu-level1.menu-level1-style2, #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1.menu-level1-style2 { background: none repeat scroll 0 0 #ffe6f6 !important; }
    .kategoriMenusu ul.ul-level-1 li.menu-level1.menu-level1-style2 a.menu-link-level1, #mainMenu ul.ul-level-0 li.menu-level0.hasSub div.subMenu ul.ul-level-1 li.menu-level1.menu-level1-style2 a.menu-link-level1 { text-shadow: 0 1px 2px #7e7e7e !important; color: #cc0083 !important; }



.checkOut-address-section .bg-danger p { margin: 0; padding: 10px; }
.bg-danger.checkoutErrors p { padding: 10px 10px 5px; }
.bg-danger.checkoutErrors ul { padding: 0px 10px 10px 30px; }
    .bg-danger.checkoutErrors ul li { padding: 3px 0; }
        .bg-danger.checkoutErrors ul li span.checkOut-Error-Text { color: #ff0000; }

.brands { margin-bottom: 15px; }
    .brands ul { list-style: none; margin: 0; padding: 0; }
        .brands ul li { border: none; padding: 5px; }
            .brands ul li .brand-outer { border: 1px solid #dfe1e4 !important; border-radius: 6px; height: 115px; line-height: 115px; text-align: center; padding: 0; }
                .brands ul li .brand-outer .brand-inner .brand-image { height: 122px; }
                    .brands ul li .brand-outer .brand-inner .brand-image a { height: 122px; display: inline-block; width: 100%; }
                        .brands ul li .brand-outer .brand-inner .brand-image a img { display: inline-block; vertical-align: middle; }
                    .brands ul li .brand-outer .brand-inner .brand-image .incele { display: none; }
                .brands ul li .brand-outer .brand-inner .brand-title { margin-top: 10px; font-weight: bold; }

h2.brand-category-title { overflow: auto; padding: 5px; font-size: 18px; }
.edit-genel { height: 32px; position: absolute; right: 25px; top: 20px !important; z-index: 2; }

.mobileSlider { margin: 0 0 0 0; padding: 0; list-style: none; }
    .mobileSlider .slider_image { max-width: 100%; }

.products ul li.productLi .product-outer .product-inner .product-price .product-price-section { float: left; }
.checkOut-login { padding: 10px; }

/*Kart Önizleme*/
.kart_onizleme { width: 255px; margin-top: 15px; }
    .kart_onizleme .kart_kalip { width: 100%; height: 130px; margin: 15px auto 0; background: #fafafa; position: relative; border: 1px solid #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
        .kart_onizleme .kart_kalip#kart_onyuz { display: none; }
            .kart_onizleme .kart_kalip#kart_onyuz #kart_cvvamex { width: 50px; height: 20px; line-height: 25px; top: 25px; right: 20px; text-align: center; color: #666666; font-weight: bold; font-size: 13px; text-align: center; position: absolute; }
            .kart_onizleme .kart_kalip#kart_onyuz .kart_alan_num { position: absolute; top: 60px; width: 45px; height: 20px; line-height: 20px; text-align: center; font-size: 18px; font-weight: bold; color: #666666; }
            .kart_onizleme .kart_kalip#kart_onyuz #kart_num1 { left: 10px; }
            .kart_onizleme .kart_kalip#kart_onyuz #kart_num2 { left: 60px; }
            .kart_onizleme .kart_kalip#kart_onyuz #kart_num3 { left: 110px; }
            .kart_onizleme .kart_kalip#kart_onyuz #kart_num4 { left: 160px; }
            .kart_onizleme .kart_kalip#kart_onyuz #kart_isim { left: 10px; bottom: 10px; width: 150px; height: 16px; line-height: 16px; color: #666666; font-weight: bold; font-size: 13px; position: absolute; }
            .kart_onizleme .kart_kalip#kart_onyuz #kart_tarih { right: 72px; bottom: 30px; width: 50px; height: 16px; line-height: 16px; color: #666666; font-weight: bold; font-size: 12px; text-align: right; position: absolute; text-align: center; }
            .kart_onizleme .kart_kalip#kart_onyuz #kart_tip { width: 55px; height: 28px; position: absolute; bottom: 10px; right: 10px; background: #ffffff; }
                .kart_onizleme .kart_kalip#kart_onyuz #kart_tip.mastercard { background-image: url('../../Images/HA/kart_onizleme_mastercard.jpg'); }
                .kart_onizleme .kart_kalip#kart_onyuz #kart_tip.visa { background-image: url('../../Images/HA/kart_onizleme_visa.jpg'); }
                .kart_onizleme .kart_kalip#kart_onyuz #kart_tip.amex { background-image: url('../../Images/HA/kart_onizleme_amex.jpg'); }

        .kart_onizleme .kart_kalip#kart_arkayuz { display: none; }
            .kart_onizleme .kart_kalip#kart_arkayuz #kart_cizgi { width: 100%; height: 30px; top: 10px; left: 0; right: 0; background: #333333; position: absolute; }
            .kart_onizleme .kart_kalip#kart_arkayuz #kart_cvv_bg { height: 30px; top: 65px; left: 10px; right: 10px; background: url('../../Images/HA/kart_onizleme_cvv_bg.jpg') repeat-x; position: absolute; }
            .kart_onizleme .kart_kalip#kart_arkayuz #kart_cvv { width: 50px; height: 20px; line-height: 20px; top: 70px; right: 55px; text-align: center; color: #666666; font-weight: bold; font-size: 13px; text-align: center; position: absolute; }

        .kart_onizleme .kart_kalip .focused { background: #cc0083 !important; color: #ffffff !important; }

/*Kart Önizleme*/

.card-number { display: inline; }
    .card-number input { width: 20%; }
.kkisim { width: 90%; }

.productLi .manageProduct { width: 12px !important; }
